.ui-state-default .icon-agenda{	
	 background-size: 18px 18px;
}
#wrapper {
    width: 0 auto;
    margin: 0 auto;
    background-image: url("http://localhost:8090/odontologia/resources/images/fondo1.jpg");"
}
	/* Celular de 480x320*/
@media only screen and (min-width: 320px) and (orientation : landscape){
	.ui-marginCalendar{
	    margin-left: 133px;	    
	}
	.ui-datepicker{	   
	    width: 25em; 
	    margin-left: 12px;   
	}
	.ui-btnPanelGrid{
		margin-left: 130px;
	}
	/* label*/
	
	.ui-field-contain > label{
	   margin-left: 10px;
	}
	.ui-field-contain>label  ~ [class*='ui-'] {
		margin-left: 10px;
		width: 97%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.ui-marginCalendar{
	    margin-left: 62px;
	}
	.ui-btnPanelGrid{
		margin-left: 50px;
	}
	.ui-field-contain > label{
	   margin-left: 15px;
	}
	.ui-field-contain>label  ~ [class*='ui-'] {
	margin-left: 15px;
    width: 103%;
    }
}
  /* ipad de 1024x768*/
@media only screen and (min-width: 768px) and (orientation : landscape){
	.ui-marginCalendar{
	 margin-left: 408px;	
	}
	.ui-datepicker{	   
	    width: 35em;    
	}
	.ui-btnPanelGrid{
		margin-left: 390px;
		margin-top: 40px;
	}
	.ui-field-contain{
		margin-left: 50px;	
	    margin-top: 68px;
	    margin-bottom: 80px;
	}
	
	.ui-field-contain > label ~ [class*='ui-']{
	    width: 96%;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	.ui-datepicker{	   
	    width: 30em;    
	}	
	.ui-marginCalendar{
	 margin-left: 270px;	
	}
	.ui-btnPanelGrid{
	 margin-left: 270px;
		margin-top: 40px;
	}
}

